<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>简历</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <link rel="stylesheet" href="../../css/resume/resume.css">
    <link rel="stylesheet" href="../../css/common/nav.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>

</head>

<body>
    <div id="resume">

        <!-- 头部 -->
        <div class="myheader">
            <div class="inner">
                <!-- logo部分 -->
                <div class="logo">
                    <a href="#"><img src="../../imgs/轻聘3.png" alt=""></a>
                </div>
                <!-- 标题部分 -->
                <div class="nav">
                    <ul>
                        <li><a href="#">全国站<span id="tip">[切换城市]</span></a>
    
                        </li>
                        <li><a href="../../index.html">首页</a></li>
                        <li><a href="../recruitment/recruitment.html">职位</a></li>
                        <li><a href="../company/company.html">公司</a></li>
                    </ul>
                </div>
                <!-- 信息部分 -->
                <div class="info">
                    <ul>
                        <li><img src="../../imgs/avatar.jpeg" alt=""></li>
                        <li class="drop">
                            <a href="#">刘文秀</a>
                            <div class="dropdown">
                                <a href="../../view/employee/employee_info.html">个人中心</a>
                                <a href="../../view/employee/account_settings.html">账号设置</a>
                                <a href="../../view/collection/mycollection.html">我的收藏</a>
                                <a href="../../view/login/login_enterprise1.html">切换为招聘者</a>
                                <a href="../../view/login/login1.html">退出登录</a>
                            </div>
                        </li>
                        <li><a href="#">消息</a></li>
                        <li><a href="../resume/resume.html">简历</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="resume_box">
            <div class="nav_left">
                <span>简历目录</span>
                <ul>
                    <li><a href="#one">基础信息</a></li>
                    <li><a href="#two">教育经历</a></li>
                    <li><a href="#three">求职偏好</a></li>
                    <li><a href="#four">实习经历</a></li>
                    <li><a href="#five">项目经历</a></li>
                    <li><a href="#six">获奖经历</a></li>
                    <li><a href="#seven">作品展示</a></li>
                    <li><a href="#eight">个人总结</a></li>
                </ul>
            </div>
            <!-- 中间简历信息  -->
            <div class="center">

                <!-- 简历信息  -->
                <div class="center-resume">
                    <!--  Container 布局容器. 用于布局的容器组件 -->
                    <div class="container">
                        <div class="resumer-online">
                            <h2>在线简历</h2>
                        </div>

                        <div id="accordion">
                            <div class="card">
                                <div class="card-header">
                                    <a class="card-link" data-toggle="collapse" href="#collapseOne">
                                        <h3 class="title" id="one">个人信息</h3>
                                    </a>
                                </div>
                                <div id="collapseOne" class="collapse show" data-parent="#accordion">
                                    <div class="body">
                                        <!--  个人信息  -->
                                        <div class="personal-inf">
                                            <!-- 简历头像 -->
                                            <div class="resume-avatar">
                                                <img src="../../imgs/avatar.jfif" alt="">
                                            </div>
                                            <div class="basic-inf">
                                                <table>
                                                    <tr>
                                                        <td>&nbsp&nbsp姓&nbsp&nbsp&nbsp&nbsp名&nbsp&nbsp<input
                                                                type="text"></td>
                                                        <td>&nbsp&nbsp性&nbsp&nbsp&nbsp&nbsp别&nbsp&nbsp<input
                                                                type="radio" name="sex" id="" checked
                                                                style="height:18px;width:18px;">男<input type="radio"
                                                                name="sex" id="" style="height:18px;width:18px;">女</td>
                                                    </tr>
                                                    <tr>
                                                        <td>出生年月&nbsp&nbsp<input class="date" type="date"></td>
                                                        <td>所在城市&nbsp&nbsp<input type="text"></td>
                                                    </tr>
                                                    <tr>
                                                        <td>电话号码&nbsp&nbsp<input type="text"></td>
                                                        <td>常用邮箱&nbsp&nbsp<input type="text" name="emailID"
                                                                placeholder="10000@phone.com"></td>
                                                    </tr>
                                                </table>
                                            </div>


                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseTwo">
                                        <h3 class="title" id="two">教育经历</h3>
                                    </a>
                                </div>
                                <div id="collapseTwo" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <!-- 教育经历 -->
                                        <div class="edu_experience">

                                            <p>&nbsp&nbsp&nbsp&nbsp添加教育经历</p>
                                            <table>
                                                <tr>
                                                    <td>学&nbsp&nbsp&nbsp&nbsp校：&nbsp&nbsp<input type="text"
                                                            placeholder="请填写学校"></td>
                                                    <td>学&nbsp&nbsp&nbsp&nbsp历：&nbsp&nbsp<select id="" type="text"
                                                            placeholder="”>                     
                    <option value=" 0">大专</option>
                                                            <option value="1" selected>本科</option>
                                                            <option value="2">硕士</option>
                                                            <option value="3">博士</option>
                                                            <option value="3">其他</option>
                                                        </select></td>
                                                </tr>
                                                <td>专&nbsp&nbsp&nbsp&nbsp业：&nbsp&nbsp<input type="text"
                                                        placeholder="请填写专业"></td>
                                                <td>在校时间：&nbsp&nbsp<input class="date" type="date" placeholder="开始时间"
                                                        style="height:20px;width:70px;">-
                                                    <input type="date" class="date" placeholder="结束时间"
                                                        style="height:20px;width:70px;">
                                                </td>
                                                <tr>
                                                </tr>
                                                <td><label class="itemTitle">主修课程：</label>&nbsp&nbsp<textarea name=""
                                                        id="" cols="30" rows="10" maxlength="500"
                                                        placeholder="请填写主修课程(选填)（不超过500字）"></textarea></td>
                                                <tr>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseThree">
                                        <h3 class="title" id="three">求职偏好</h3>
                                    </a>
                                </div>
                                <div id="collapseThree" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <!-- 求职偏好 -->
                                        <div class="job_pre">

                                            <p>&nbsp&nbsp&nbsp&nbsp添加求职偏好</p>
                                            <table>
                                                <tr>
                                                    <td>求职性质：&nbsp&nbsp<select id="" type="text">
                                                            <option value="0">实习</option>
                                                            <option value="1">校招</option>
                                                            <option value="2">实习和校招</option>
                                                        </select></td>
                                                    <td>期望行业：<input type="text" placeholder="请填写"></td>
                                                </tr>
                                                <tr>
                                                    <td>期望职位：&nbsp&nbsp<input type="text" placeholder="请填写"></td>
                                                    <td>期望城市：&nbsp&nbsp<input type="text" placeholder="请填写"></td>
                                                </tr>
                                                <tr>
                                                    <td>到岗时间：&nbsp&nbsp<select id="" type="text">
                                                            <option value="0">1周内</option>
                                                            <option value="1">2周内</option>
                                                            <option value="2">1个月内</option>
                                                            <option value="2">3个月内</option>
                                                        </select></td>
                                                    <td>实习时长：&nbsp&nbsp<select id="" type="text">
                                                            <option value="0">3个月内</option>
                                                            <option value="1">3—6月</option>
                                                            <option value="2">6个月以上</option>
                                                        </select></td>
                                                </tr>
                                                <tr></tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseFour">
                                        <h3 class="title" id="four">实习经历</h3>
                                    </a>
                                </div>
                                <div id="collapseFour" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <!--实习经历 -->
                                        <div class="intern_experience">

                                            <p>&nbsp&nbsp&nbsp&nbsp添加实习经历</p>
                                            <table>
                                                <tr>
                                                    <td>公司名称：&nbsp&nbsp<input type="text" placeholder="请填写公司名称"></td>
                                                    <td>公司行业：&nbsp&nbsp<input type="text" placeholder="请填写公司行业"></td>
                                                </tr>
                                                <tr>
                                                    <td>起止日期：&nbsp&nbsp<input type="date" class="date"
                                                            placeholder="开始时间" style="height:20px;width:82px;">-
                                                        <input type="date" placeholder="结束时间" class="date"
                                                            style="height:20px;width:82px;">
                                                    </td>
                                                    <td>职位名称：&nbsp&nbsp<input type="text" placeholder="请填写职位名称"></td>
                                                </tr>
                                                <tr>
                                                    <td><label class="itemTitle">工作内容：</label>&nbsp&nbsp<textarea
                                                            name="" id="" cols="30" rows="10" maxlength="500"
                                                            placeholder="请填写工作内容（不超过500字）"></textarea></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseFive">
                                        <h3 class="title" id="five">项目经历</h3>
                                    </a>
                                </div>
                                <div id="collapseFive" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <!-- 项目经历 -->
                                        <div class="project_experience">
                                            <p>&nbsp&nbsp&nbsp&nbsp添加项目经历</p>
                                            <table>
                                                <tr>
                                                    <td>项目名称：&nbsp&nbsp<input type="text" placeholder="请填写项目名称"></td>
                                                    <td>项目时间：&nbsp&nbsp<input type="date" class="date"
                                                            placeholder="开始时间" style="height:20px;width:75px;">-
                                                        <input type="date" class="date" placeholder="结束时间"
                                                            style="height:20px;width:75px;">
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td><label class="itemTitle">项目描述：</label>&nbsp&nbsp<textarea
                                                            name="" id="" cols="30" rows="10" maxlength="500"
                                                            placeholder="请填写项目描述（不超过500字）"></textarea></td>
                                                </tr>

                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseSix">
                                        <h3 class="title" id="six">获奖经历</h3>
                                    </a>
                                </div>
                                <div id="collapseSix" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <!-- 获奖经历 -->
                                        <div class="award_experience">

                                            <p>&nbsp&nbsp&nbsp&nbsp添加获奖经历</p>
                                            <table>
                                                <tr>
                                                    <td>获奖名称：&nbsp&nbsp<input type="text" placeholder="填写获奖名称"></td>
                                                    <td>获奖时间：&nbsp&nbsp<input class="date" type="date"></td>
                                                </tr>


                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseSenve">
                                        <h3 class="title" id="seven">作品展示</h3>
                                    </a>
                                </div>
                                <div id="collapseSenve" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <!-- 作品展示 -->
                                        <div class="gallery">

                                            <p>&nbsp&nbsp&nbsp&nbsp添加作品展示</p>
                                            <table>
                                                <tr>
                                                    <td>项目名称：&nbsp&nbsp<input type="text" placeholder="输入项目名称"></td>
                                                    <td>项目链接：&nbsp&nbsp<input type="text" placeholder="输入项目链接"></td>
                                                </tr>
                                                <tr>
                                                    <td><label class="itemTitle">项目描述：</label>&nbsp&nbsp<textarea
                                                            name="" id="" cols="30" rows="10" maxlength="500"
                                                            placeholder="请填写项目描述（不超过500字）"></textarea></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>

                            <div class="card">
                                <div class="card-header">
                                    <a class="collapsed card-link" data-toggle="collapse" href="#collapseEight">
                                        <h3 class="title" id="eight">个人总结</h3>
                                    </a>
                                </div>
                                <div id="collapseEight" class="collapse" data-parent="#accordion">
                                    <div class="card-body">
                                        <div class="personal_summary">

                                            <p>&nbsp&nbsp&nbsp&nbsp添加个人总结</p>
                                            <table>
                                                <tr>
                                                    <td><label class="itemTitle">经历描述：</label>&nbsp&nbsp<textarea
                                                            name="" id="" cols="30" rows="10" maxlength="500"
                                                            placeholder="请填写项经历描述（不超过500字）"></textarea></td>
                                                </tr>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>

                </div>
                <!-- 右侧导航 -->
                <div class="right">
                    <div class="upload_resume">
                        <h3>上传简历</h3>
                        <p>
                            &nbsp&nbsp&nbsp&nbsp你的简历还不完善，上传简历快速完善在线简历。
                        </p>
                        <p>
                            &nbsp&nbsp&nbsp&nbsp支持导入格式：DOC、DOCX、PDF格式文件，文件大小不超过3M，暂不支持上传英文简历。
                        </p>
                        <button><a href="../resume/resume_upload.html"><span>上传简历</span></a></button>
                    </div>
                    <div class="preview_download">
                        <ul>
                            <li><a href="#"><img src="../../imgs/download.png" alt=""><br>简历下载</a></li>
                            <li><a href="#"><img src="../../imgs/preview.png" alt=""><br>简历预览</a></li>
                        </ul>
                    </div>

                </div>
            </div>
        </div>
    </div>
</body>

</html>